<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	request.setAttribute("path", request.getContextPath());
%>
<!doctype html>
<html>
<head>
    <meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style type="text/css" media="screen">
        ::-webkit-scrollbar{
		    width:8px;
		    height:8px;
		}
		::-webkit-scrollbar-thumb{
		    background-color: #aaa;
		}
		::-webkit-scrollbar-thumb:hover{
		    background-color: #ccc;
		}
		::-webkit-input-placeholder {
		     color:#ccc; 
		 }
        html, body	{ height:100%; }
        body { margin:0; padding:0; overflow:auto; }
        #flashContent { display:none; }
        #databag-content {
			position: absolute;
			top: 20px;
			left: 20px;
			right: 20px;
			border: 1px solid #bbb;
			bottom: 20px;
			background: none;
			box-shadow: #666 0px 0px 3px;
			-webkit-user-select: none;
			-moz-user-select: -moz-none;
			-ms-user-select: none;
			-o-user-select: none;
			-khtml-user-select: none;
			user-select: none;
			overflow: auto;
			text-align: center;
			padding: 10px;
		}
    </style>
</head>
<body>
	<div id="databag-content"></div>
    <script src="${path}/js/libs/jquery/jquery.js"></script>
	<script>
	    $(function() {
		    var dataBagId = parent.$(".databag-flag").attr("dataBagId");
		    var returnBtn = parent.$(".databag_return a");
		    if(returnBtn.length > 0){
		    	returnBtn[0].href= parent.$(".databag-flag").attr("data-back");
		    }
		   	$('<img>', {src: "/databag/bag/"+ dataBagId +"/resource"}).appendTo($('#databag-content'));
		})
	</script>
</body>
</html>
